<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>下单页面</title>
		<link rel="stylesheet" type="text/css" href="../../../../../xiangmu/buy.css"/>
	</head>
	<body style="background: #F4F4F4;">
		<!--头部-->
        <div id="header">
            <!--最上面-->
            <div id="topbar">
                <div class="inner">
                    <a class="home f1" href="">返回首页</a>
                    <ul>
                        <li>
                            <a href="">admin</a>
                            <em class="user"></em>
                            <div class="downApp">
                                <div class="client">个人设置</div>
                                <div class="client">退出</div>
                            </div>
                        </li>
                        <li>
                            <a href="">我的收藏</a>
                            <em class="house"></em>
                            <div class="downApp">
                                <div class="client">收藏的商品</div>
                                <div class="client">收藏的小店</div>
                                <div class="client">浏览足迹</div>
                            </div>
                        </li>
                        <li>
                            <a href="">我的订单</a>
                            <em class="order"></em>
                        </li>
                        <li>
                            <a href="">购物车</a>
                            <em class="cart"></em>
                        </li>
                        <li>
                            <a href="">客户服务</a>
                            <em class="ser"></em>
                            <div class="downApp">
                                <div class="client">消费者服务</div>
                                <div class="client">商家服务</div>
                            </div>
                        </li>
                        <li class="help">
                            <a href="">商家后台</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
		<div id="body_warp">
            <div class="cart_title">
                <div class="a">
                    <div class="cart_logo"></div>
                    <div class="step">
                        <div class="step_one">
                            <span>1</span>
                            <div class="cart_wz">购物车</div>
                        </div>
                        <div class="step_one">
                            <span>2</span>
                            <div class="cart_wz">确认订单</div>
                        </div>
                        <div class="step_one">
                            <span>3</span>
                            <div class="cart_wz">支付</div>
                        </div>
                        <div class="step_two">
                            <span>4</span>
                            <div class="cart_wz">完成</div>
                        </div>
                    </div>

                </div>
            </div>
			<ul>
				<li><a href="">全部商品 (3)</a></li>
				<li>|</li>
				<li><a href="">优惠 (1)</a></li>
				<li>|</li>
				<li><a href="">库存紧张 (0)</a></li>
			</ul>
			<div class="cart_inner">
				<div class="cart_cont">
					<div class="stit">
						<h3>选择收货地址</h3>
						<div class="stit_address">
							<ul>
								<li class="stit_name">
									<span>杜春华</span>
									<span class="default">默认地址</span>
								</li>
								<li stit_ads>北京市朝阳区顺白路12号马泉营后盾网it教育</li>
								<li class="stit_edit"><a href="">编辑</a></li>
							</ul>
						</div>
						<div class="sup">
							<a href="">管理收货地址</a>
							<a href="">使用新地址</a>
						</div>
					</div>
					<!--内容-->
					<h3>确认商品信息</h3>
					<div class="buy_list">
						<div class="buy_title">
							<ul>
								<li class="buy_shop">商品</li>
								<li class="buy_mes">商品信息</li>
								<li class="buy_unit">单价(元)</li>
								<li class="buy_num">数量</li>
								<li class="buy_dis">优惠</li>
								<li class="buy_sub">小计(元)</li>
							</ul>
						</div>
						<div class="buy_inner">
							<ul>
								<li class="buy_shop">
									<img src="../../../../../xiangmu/tupian/45.jpg"/>
									<a href="">2016秋季新款陈乔恩明星同款宽松长袖连帽卫衣女装</a>
								</li>
								<li class="buy_mes">
									<span>颜色：黑色</span>
									<span>尺码：M</span>
								</li>
								<li class="buy_unit">
									<span>117.00</span>
								</li>
								<li class="buy_num">
									<span>1</span>
								</li>
								<li class="buy_dis">
									<select name="">
										<option value="" selected="selected">6.80折</option>
										<option value="">不使用优惠</option>
									</select>
									<span>省37.44元</span>
								</li>
								<li class="buy_sub">
									<span>79.56</span>
								</li>
							</ul>
						</div>
						<div class="remark">
							<ul>
								<li class="rem_text">
									<span>备注: </span>
									<input type="text" name="" class="rem_input" id="" value="" /></li>
								<li class="express">
									<span>快递公司：</span>
									<select name="">
										<option value="">全国包邮</option>
									</select>
								</li>
								<li class="freight">快递运费：¥ 0.00</li>
							</ul>
						</div>
						<div class="rem_zon">
							<span class="remark_num">79.56</span>
							<span>合计：</span>
							
						</div>
					</div>
					
				</div>
				<div class="buy">
					<ul>
						<li class="cart_l"><a href="">返回购物车</a></li>
						<li>共有 1 件商品,</li>
						<li class="cart_r">
							<span>总计：</span>
							<span>¥79.56</span>
						</li>
						<li class="cart_r sure_buy">确认并付款 ></li>
					</ul>
				</div>
			</div>
		</div>
		<!--友情链接-->
		<div id="link" style="color: #9b9b9b">
			<span class="link_l">友情链接：</span>
			<ul class="link_c">
				<li class="link_cl">
					<a href="" target="_blank">凡客</a>
					<a href="" target="_blank">京东</a>
					<a href="" target="_blank">个人博客</a>
				</li>
			</ul>
			<div class="link_r">
				<a href="">更多&gt;&gt;</a>
			</div>
		</div>
		<!--站点配置-->
		<div id="web" style="color: #9ba3ac">
			<span>Copyright ©2016 http://houdunwang.com</span>
			<a href=""> 电信与信息服务业务经营许可证666号</a>
			<a href="">经营性网站备案信息</a>
			<span>京ICP备666666号</span>
			<span>京公网安备6666666</span>
		</div>
	</body>
</html>
